.m-float-about {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/main-bg.jpg') no-repeat center / cover;
    .btn-close {
        position: absolute;
        right: 100px;
        top: 100px;
        width: 40px;
        height: 40px;
        background: url('../img/old_close.png') no-repeat bottom left / cover;
        cursor: pointer;
    }
    .play-icon {
        width: 81px;
        height: 81px;
        background: url('../img/play-big-icon.png') no-repeat center / cover;
    }
    .head {
        padding-top: 34px;
        width: 100%;
        height: auto;
        .title {
            display: inline-block;
            vertical-align: top;
            padding-left: 120px;
            width: 300px;
            line-height: 136px;
            height: 136px;
            font-size: 38px;
            color: #007ae1;
            .title-sprite {
                background-image: url('../img/font-sprite.png');
                background-size: 1920px 800px;
                background-repeat: no-repeat;
                height: 70px;
                margin-top: 36px;
            }
        }
    }
    .main {
        position: relative;
        width: 100%;
        max-width: 1920px;
        height: calc(~"100% - 170px");
    } // .about-page{
    //     position: relative;
    //     width: 100%;
    //     height: 100%;
    // }
    // .about-page.hide{
    //     display: none;
    // }
    .about-page,
    .ip-page,
    .old-page,
    .now-page {
        display: none;
    }
    .ip-page.active,
    .about-page.active,
    .old-page.active,
    .now-page.active {
        display: block;
    }
    .about-page {
        .title-sprite {
            background-position: -60px -195px;
        }
        .top-nav {
            position: relative;
            width: 100%;
            height: 180px;
            ul {
                width: 1232px;
            }
            li {
                position: relative;
                width: 84px;
                height: 180px;
                margin: 0 10px;
                display: inline-block;
                vertical-align: top; // background: pink;
                a {
                    position: relative;
                    height: 160px;
                }
                .sprite-img {
                    width: 84px;
                    height: 84px;
                    background: url('../img/main03-childnav-sprite.png') no-repeat center / 1900px 400px;
                    cursor: pointer;
                }
                .img-shadow {
                    width: 134px;
                    height: 134px;
                    background: url('../img/main03-small-btn-shadow.png') no-repeat center / cover;
                }
                .nav-text {
                    width: 100%;
                    height: 20px;
                    font-size: 16px;
                    text-align: center;
                    color: #a1a1a1;
                    // background-image: url('../img/about-font.png');
                    background-size: 1000px 17px;
                    background-repeat: no-repeat;
                    // background-color: red;
                }
                // .ycwx-text{
                //     background-position: 5px 0;  
                // }
                // .aiaq-text{
                //     background-position: -84px 0;  
                // }
                // .znhl-text{
                //     background-position: -175px 0;  
                // }
                // .dsp-text{
                //     width: 96px;
                //     background-position: -268px 0;  
                // }
                // .yxkf-text{
                //     background-position: -361px 0;  
                // }
                // .cysj-text{
                //     background-position: -454px 0;  
                // }
                // .yycy-text{
                //     background-position: -548px 0;  
                // }
                // .tmcy-text{
                //     background-position: -638px 0;  
                // }
                // .qnbj-text{
                //     background-position: -732px 0;  
                // }
                // .qndy-text{
                //     background-position: -827px 0;  
                // }
                // .qnyy-text{
                //     background-position: -924px 0;  
                // }
            }
            .btn-nav.active {
                .nav-text {
                    // color: #007ae1;
                    background-image: url('../img/about-font-active.png') ;
                }
                .ycwx-text{
                    background-position: 5px 0;  
                }
                .aiaq-text{
                    background-position: -84px 0;  
                }
                .znhl-text{
                    background-position: -175px 0;  
                }
                .dsp-text{
                    width: 96px;
                    background-position: -268px 0;  
                }
                .yxkf-text{
                    background-position: -361px 0;  
                }
                .cysj-text{
                    background-position: -454px 0;  
                }
                .yycy-text{
                    background-position: -548px 0;  
                }
                .tmcy-text{
                    background-position: -638px 0;  
                }
                .qnbj-text{
                    background-position: -732px 0;  
                }
                .qndy-text{
                    background-position: -827px 0;  
                }
                .qnyy-text{
                    background-position: -924px 0;  
                }
            }
            li:hover{
                .nav-text{
                    background-image: url('../img/about-font.png');
                }
                .ycwx-text{
                    background-position: 5px 0;  
                }
                .aiaq-text{
                    background-position: -84px 0;  
                }
                .znhl-text{
                    background-position: -175px 0;  
                }
                .dsp-text{
                    width: 96px;
                    background-position: -268px 0;  
                }
                .yxkf-text{
                    background-position: -361px 0;  
                }
                .cysj-text{
                    background-position: -454px 0;  
                }
                .yycy-text{
                    background-position: -548px 0;  
                }
                .tmcy-text{
                    background-position: -638px 0;  
                }
                .qnbj-text{
                    background-position: -732px 0;  
                }
                .qndy-text{
                    background-position: -827px 0;  
                }
                .qnyy-text{
                    background-position: -924px 0;  
                }
            }
            .ycwx .sprite-img {
                background-position: -12px -236px;
            }
            .aiaq .sprite-img {
                background-position: -12px+-103px -236px;
            }
            .znhl .sprite-img {
                background-position: -12px+-103px*2 -236px;
            }
            .dsp .sprite-img {
                background-position: -12px+-103px*3 -236px;
            }
            .yxkf .sprite-img {
                background-position: -10px+-103px*4 -236px;
            }
            .cysj .sprite-img {
                background-position: -550px -237px;
            }
            .yycy .sprite-img {
                background-position: -73px+-103px*6 -236px;
            }
            .tmcy .sprite-img {
                background-position: -73px+-103px*7 -236px;
            }
            .qnbj .sprite-img {
                background-position: -76px+-103px*8 -236px;
            }
            .qndy .sprite-img {
                background-position: -73px+-103px*9 -236px;
            }
            .qnyy .sprite-img {
                background-position: -73px+-103px*10 -236px;
            } 
            // li.active {
            //     width: 120px; // background: #007ae1;
            //     .sprite-img {
            //         height: 164px;
            //         width: 150px;
            //         -webkit-transform: translate(-50%, -50%) scale(0.8);
            //         transform: translate(-50%, -50%) scale(0.8);
            //     }
            //     .img-shadow {
            //         width: 202px;
            //         height: 212px;
            //         -webkit-transform: translate(-50%, -50%) scale(0.8);
            //         transform: translate(-50%, -50%) scale(0.8);
            //         background: url('../img/main03-big-shadow.png') no-repeat center / cover;
            //     }
            // }
            // .ycwx.active .sprite-img {
            //     background-position: -11px -5px;
            // }
            // .aiaq.active .sprite-img {
            //     background-position: -174px -5px;
            // }
            // .znhl.active .sprite-img {
            //     background-position: -341px -5px;
            // }
            // .dsp.active .sprite-img {
            //     background-position: -505px -5px;
            // }
            // .yxkf.active .sprite-img {
            //     background-position: -670px -5px;
            // }
            // .cysj.active .sprite-img {
            //     background-position: -1677px -5px;
            // }
            // .yycy.active .sprite-img {
            //     background-position: -843px -5px;
            // }
            // .tmcy.active .sprite-img {
            //     background-position: -1006px -5px;
            // }
            // .qnbj.active .sprite-img {
            //     background-position: -1173px -5px;
            // }
            // .qndy.active .sprite-img {
            //     background-position: -1337px -5px;
            // }
            // .qnyy.active .sprite-img {
            //     background-position: -1503px -5px;
            // }
        }
        .nav-cont {
            position: relative;
            width: 100%;
            margin-top: 40px;
            height: calc(~"100% - (170px + 130px)");
            ul {
                width: 1232px;
                height: 100%;
            }
            li {
                width: 96%;
                display: none;
                h2 {
                    font-size: 24px;
                    color: #a1a1a1;
                    line-height: 40px;
                }
                p {
                    font-size: 16px;
                    line-height: 30px;
                    color: #a1a1a1;
                    margin-bottom: 60px;
                    a {
                        color: #007ae1;
                        font-size: 16px;
                        display: inline;
                    }
                }
                .box {
                    width: 100%;
                    height: auto;
                    .text-title {
                        width: 100%;
                        height: 58px;
                        border-bottom: 1px solid #cccccc;
                        font-size: 0;
                        margin-bottom: 42px;
                        .title,
                        .arrow {
                            position: relative;
                            display: inline-block;
                            vertical-align: top;
                            font-size: 24px;
                            width: 50%;
                            height: 100%;
                            color: #a1a1a1;
                        }
                        .title.bold{
                            font: 24px;
                            font-weight: 800;
                            color: #505050;
                        }
                        .arrow {
                            cursor: pointer;
                        }
                        .arrow::after {
                            content: "";
                            position: absolute;
                            display: block;
                            right: 30px;
                            top: 12px;
                            background: url('../img/about-arrow.png') no-repeat center / cover;
                            width: 22px;
                            height: 12px;
                        }
                    }
                    .text-cont {
                        overflow: hidden;
                        height: 0;
                        width: 100%;
                    }
                }
                .box.active {
                    .text-title {
                        .title {
                            color: #55a6eb;
                        }
                        .arrow {
                            // background-image: url('../img/floatMatch-arrow-active.png');
                        }
                        .arrow::after {
                            transform: rotate(180deg);
                        }
                    }
                    .text-cont {
                        width: 100%;
                        height: auto;
                        .cont {
                            // border-top: 1px solid #f9f9f9;
                            // padding: 0.24rem 0.32rem;
                            p {
                                // font-size: 0.24rem;
                                // line-height: 0.34rem;
                                span {
                                    font-weight: bolder;
                                    color: #303030;
                                }
                                .red-text {
                                    color: red;
                                }
                                .blue-text {
                                    color: #55a6eb;
                                }
                                a {
                                    // color: #55a6eb;
                                    // font-size: 0.24rem;
                                    // display: inline;
                                }
                            }
                        }
                    }
                }
                .btn-wrap {
                    margin: 0.4rem 0 1.6rem 0;
                    width: 100%;
                    height: 0.86rem;
                    .btn-page {
                        position: relative;
                        display: inline-block;
                        vertical-align: top;
                        width: 150px;
                        height: 50px;
                        margin-right: 40px;
                        .tag {
                            font-size: 0.28rem;
                            color: #fff;
                            width: 100%;
                            height: 50px;
                            text-align: center;
                            line-height: 50px;
                            border-radius: 50px;
                            background: #0079de;
                            a {
                                display: block;
                                width: 100%;
                                height: 100%;
                                color: #fff;
                                font-size: 16px;
                            }
                        }
                    }
                }
            }
            li.active {
                display: block;
            }
        }
    }
    .old-page {
        P {
            color: #a1a1a1;
        }
        .mask {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3);
        }
        .move-container {
            top: 48%;
            width: 1280px;
            height: 800px;
            .mask {
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.3);
            }
            .play-icon {
                width: (81 / 586) * 100%;
                height: (81 / 329) * 100%;
                background: url('../img/play-big-icon.png') no-repeat center / cover;
            }
            .btn {
                width: 42px * 0.7;
                height: 75px * 0.7;
                cursor: pointer;
            }
            .btn-left {
                left: -42px * 0.7;
                background: url('../img/btn-left-icon.png') no-repeat center / cover;
            }
            .btn-right {
                right: -42px * 0.7;
                background: url('../img/btn-right-icon.png') no-repeat center / cover;
            }
            .move-wrap {
                position: relative;
                width: 100%;
                height: (329px * 0.8) + 40px;
            }
            .big-small-slide {
                width: 100%;
                height: auto;
                overflow: hidden;
                .move-slide {
                    padding: 20px;
                    width: 586px * 0.9;
                    height: 329px * 0.9;
                    display: inline-block;
                    vertical-align: middle;
                }
                ul {
                    width: 586px * 20;
                }
                .card {
                    position: relative;
                    width: 100%;
                    height: 100%;
                }
            }
            .tex-wrap {
                width: 100%;
            }
            .text-about {
                display: none;
            }
            .text-about.active {
                display: block;
            }
            .product-title {
                margin: 0;
                font-size: 22px;
                font-weight: bolder;
                width: 100%;
                height: 50px;
                text-align: center;
                line-height: 50px;
                color: #258de4;
            }
            .product-name {
                text-align: center;
                line-height: 42px;
                font-size: 22px;
                color: #a1a1a1;
            }
            .product-about {
                width: 100%;
                line-height: 42px;
                font-size: 22px;
                margin-bottom: 10px;
                color: #a1a1a1;
            }
        }
        .product-title {
            font-size: 22px;
            font-weight: bolder;
            width: 100%;
            height: 50px;
            text-align: center;
            line-height: 50px;
            color: #258de4;
        }
        .product-name {
            text-align: center;
            line-height: 42px;
        }
        .product-about {
            line-height: 42px;
        }
        .left,
        .right {
            display: inline-block;
            vertical-align: top;
        }
        ul {
            position: relative;
            height: 100%;
            width: 100%;
        }
        .head {
            padding-top: 34px;
            width: 100%;
            height: auto;
            .title {
                display: inline-block;
                vertical-align: top;
                width: 500px;
                line-height: 136px;
                height: 136px;
                font-size: 38px;
            }
            .title-sprite {
                width: 100%;
                background-image: url('../img/font-sprite.png');
                background-repeat: no-repeat;
                background-size: 1920px 800px;
            }
            .nav-btn-wrap {
                display: inline-block;
                vertical-align: top;
                .btn {
                    width: 300px;
                    height: 136px;
                    background: url('../img/page-btn.png') no-repeat center / cover;
                    display: inline-block;
                    vertical-align: top;
                    font-size: 24px;
                    color: #b5b5b5;
                    text-align: center;
                    line-height: 136px;
                }
                .btn.active {
                    background-image: url('../img/page-btn-active.png');
                    color: #ffffff;
                }
            }
        }
        .main {}
        .page {
            display: none;
            width: 100%;
            height: 100%;
        }
        .page.active {
            display: block;
        }
        .ycwx {
            .title-sprite {
                background-position: -11.1rem -.5rem;
            }
            .position-box {
                width: 1255px;
            }
            .left {
                width: 670px;
                height: 780px;
            }
            .right {
                width: 570px;
                height: 780px;
            }
            .num1-icon {
                width: 59px;
                height: 47px;
                background: url('../img/num-01.png') no-repeat center / cover;
                margin-bottom: 30px;
            }
            .num2-icon {
                width: 71px;
                height: 47px;
                background: url('../img/num-02.png') no-repeat center / cover;
                margin-bottom: 30px;
            }
            p {
                color: #a1a1a1;
                width: 467px;
                font-size: 24px;
                line-height: 44px;
                margin-bottom: 30px;
            }
            .right p {
                text-align: center;
            }
            .cont-img {
                width: 569px;
                height: 701px;
                background: url('../img/ycwx-old.jpg') no-repeat center / cover;
            }
        }
        .aiaq {
            .title-sprite {
                background-position: -556px -610px;
            }
            .position-box {
                top: 100px;
                width: 1350px;
            }
            .left {
                width: 889px;
                height: 500px;
                .cont-img {
                    position: relative;
                    width: 889px;
                    height: 500px;
                    background: url('../img/aiaq-old.jpg') no-repeat center / cover;
                }
            }
            .right {
                .about-scroll {
                    padding: 50px 0 0 50px;
                    height: 430px;
                    width: 390px;
                    overflow: hidden;
                }
                .title {}
                .name {}
                .product-about {
                    width: 100%;
                    line-height: 42px;
                    font-size: 22px;
                    margin-bottom: 10px;
                }
            }
        }
        .qnyy {
            .title-sprite {
                background-position: -552px -340px;
            }
            .mask{
                background: rgba(0, 0, 0, 0.1);
            }
            .cont-img {
                position: relative;
                width: 889px;
                height: 500px;
                background: url('../img/qnyy-old.jpg') no-repeat center / cover;
            }
            .video-control {}
            .product-about {
                margin-top: 24px;
                font-size: 22px;
                font-weight: 100;
                line-height: 42px;
                .title {
                    display: inline-block;
                    width: 160px;
                }
                .name {
                    display: inline-block;
                    width: 120px;
                }
            }
        }
        .znhl {
            .title-sprite {
                background-position: -11.2rem -6.01rem;
            }
            .position-box {
                width: 1000px;
                height: 620px;
            }
            .top {
                position: relative;
                width: 100%;
                height: 329px;
            }
            .scroll-bar {
                position: relative;
                width: 100%;
                height: 100px;
            }
            .bottom {
                position: relative;
                width: 100%;
                height: 260px;
            }
            .small-box {
                width: 586px * 0.8;
                height: 329px * 0.8;
                overflow: hidden;
                ul {
                    position: relative;
                    width: 586px * 0.8 * 7;
                    top: 0;
                }
                .small-left {
                    left: -586px * 0.8 * 1;
                }
                .small-right {
                    left: -586px * 0.8 * 3;
                }
                li {
                    width: 586px * 0.8;
                    height: 329px * 0.8;
                }
            }
            .big-box {
                width: 586px;
                height: 329px;
                background: #fff;
                .box {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                }
                ul {
                    position: relative;
                    width: 586px * 7;
                    top: 0;
                    left: -586px * 2;
                }
                li {
                    width: 586px;
                    height: 329px;
                }
                .btn {
                    width: 42px * 0.7;
                    height: 75px * 0.7;
                    cursor: pointer;
                }
                .btn-left {
                    left: -324px;
                    background: url('../img/btn-left-icon.png') no-repeat center / cover;
                }
                .btn-right {
                    right: -324px;
                    background: url('../img/btn-right-icon.png') no-repeat center / cover;
                }
            }
            .card {
                display: inline-block;
                vertical-align: top;
            }
            .znhl-first {
                background: url('../img/znhl-old01.jpg') no-repeat center / cover;
            }
            .znhl-second {
                background: url('../img/znhl-old02.jpg') no-repeat center / cover;
            }
            .znhl-three {
                background: url('../img/znhl-old03.jpg') no-repeat center / cover;
            }
            .znhl-four {
                background: url('../img/znhl-old04.jpg') no-repeat center / cover;
            }
            .znhl-five {
                background: url('../img/znhl-old05.jpg') no-repeat center / cover;
            }
        }
        .yxkf {
            .title-sprite {
                background-position: -11.18rem -4.74rem;
            }
            .position-box {
                width: 1000px;
                height: 620px;
            }
            .top {
                position: relative;
                width: 100%;
                height: 329px;
            }
            .scroll-bar {
                position: relative;
                width: 100%;
                height: 100px;
            }
            .bottom {
                position: relative;
                width: 100%;
                height: 260px;
            }
            .small-box {
                width: 586px * 0.8;
                height: 329px * 0.8;
                overflow: hidden;
                ul {
                    position: relative;
                    width: 586px * 0.8 * 8;
                    top: 0;
                }
                .small-left {
                    left: -586px * 0.8 * 1;
                }
                .small-right {
                    left: -586px * 0.8 * 3;
                }
                li {
                    width: 586px * 0.8;
                    height: 329px * 0.8;
                }
            }
            .big-box {
                width: 586px;
                height: 329px;
                background: #fff;
                .box {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                }
                ul {
                    position: relative;
                    width: 586px * 8;
                    top: 0;
                    left: -586px * 2;
                }
                li {
                    width: 586px;
                    height: 329px;
                }
                .btn {
                    width: 42px * 0.7;
                    height: 75px * 0.7;
                    cursor: pointer;
                }
                .btn-left {
                    left: -324px;
                    background: url('../img/btn-left-icon.png') no-repeat center / cover;
                }
                .btn-right {
                    right: -324px;
                    background: url('../img/btn-right-icon.png') no-repeat center / cover;
                }
            }
            .card {
                display: inline-block;
                vertical-align: top;
            }
            .yxkf-first {
                background: url('../img/yxkf-old01.jpg') no-repeat center / cover;
            }
            .yxkf-second {
                background: url('../img/yxkf-old03.jpg') no-repeat center / cover;
            }
            .yxkf-three {
                background: url('../img/yxkf-old05.jpg') no-repeat center / cover;
            }
            .yxkf-four {
                background: url('../img/yxkf-old04.jpg') no-repeat center / cover;
            }
            .yxkf-five {
                background: url('../img/yxkf-old06.jpg') no-repeat center / cover;
            }
            .yxkf-six {
                background: url('../img/yxkf-old02.jpg') no-repeat center / cover;
            }
        }
        .cysj {
            .title-sprite {
                background-position: -5.5rem -4.8rem;
            }
            .position-box {
                width: 1000px;
                height: 620px;
            }
            .top {
                position: relative;
                width: 100%;
                height: 329px;
            }
            .scroll-bar {
                position: relative;
                width: 100%;
                height: 100px;
            }
            .bottom {
                position: relative;
                width: 100%;
                height: 260px;
            }
            .small-box {
                width: 586px * 0.8;
                height: 329px * 0.8;
                overflow: hidden;
                ul {
                    position: relative;
                    width: 586px * 0.8 * 5;
                    top: 0;
                }
                .small-left {
                    left: -586px * 0.8 * 1;
                }
                .small-right {
                    left: -586px * 0.8 * 3;
                }
                li {
                    width: 586px * 0.8;
                    height: 329px * 0.8;
                }
            }
            .big-box {
                width: 586px;
                height: 329px;
                background: #fff;
                .box {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                }
                ul {
                    position: relative;
                    width: 586px * 5;
                    top: 0;
                    left: -586px * 2;
                }
                li {
                    width: 586px;
                    height: 329px;
                }
                .btn {
                    width: 42px * 0.7;
                    height: 75px * 0.7;
                    cursor: pointer;
                }
                .btn-left {
                    left: -324px;
                    background: url('../img/btn-left-icon.png') no-repeat center / cover;
                }
                .btn-right {
                    right: -324px;
                    background: url('../img/btn-right-icon.png') no-repeat center / cover;
                }
            }
            .card {
                display: inline-block;
                vertical-align: top;
            }
            .move-container {
                // width: 586px;
                // .move-wrap{
                //     width: 586px;
                //     height: 329px;
                //     display: inline-block;
                //     vertical-align: top;
                // }
                // .scroll-bar{
                //     width: 
                // }
                // .big-small-slide{
                //     width: 586px;
                //     height: 329px;
                //     display: inline-block;
                //     vertical-align: top;
                // }
            }
            .cysj-first {
                background: url('../img/cysj-old01.jpg') no-repeat center / cover;
            }
            .cysj-second {
                background: url('../img/cysj-old02.jpg') no-repeat center / cover;
            }
            .cysj-three {
                background: url('../img/cysj-old03.jpg') no-repeat center / cover;
            }
        }
        .tmcy {
            .title-sprite {
                background-position: -11.1rem -3.4rem;
            }
            .position-box {
                width: 1000px;
                height: 620px;
            }
            .top {
                position: relative;
                width: 100%;
                height: 329px;
            }
            .scroll-bar {
                position: relative;
                width: 100%;
                height: 100px;
            }
            .bottom {
                position: relative;
                width: 100%;
                height: 260px;
            }
            .small-box {
                width: 586px * 0.8;
                height: 329px * 0.8;
                overflow: hidden;
                ul {
                    position: relative;
                    width: 586px * 0.8 * 6;
                    top: 0;
                }
                .small-left {
                    left: -586px * 0.8 * 1;
                }
                .small-right {
                    left: -586px * 0.8 * 3;
                }
                li {
                    width: 586px * 0.8;
                    height: 329px * 0.8;
                }
            }
            .big-box {
                width: 586px;
                height: 329px;
                background: #fff;
                .box {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                }
                ul {
                    position: relative;
                    width: 586px * 6;
                    top: 0;
                    left: -586px * 2;
                }
                li {
                    width: 586px;
                    height: 329px;
                }
                .btn {
                    width: 42px * 0.7;
                    height: 75px * 0.7;
                    cursor: pointer;
                }
                .btn-left {
                    left: -324px;
                    background: url('../img/btn-left-icon.png') no-repeat center / cover;
                }
                .btn-right {
                    right: -324px;
                    background: url('../img/btn-right-icon.png') no-repeat center / cover;
                }
            }
            .card {
                display: inline-block;
                vertical-align: top;
            }
            .tmcy-first {
                background: url('../img/tmcy-old01.jpg') no-repeat center / cover;
            }
            .tmcy-second {
                background: url('../img/tmcy-old02.jpg') no-repeat center / cover;
            }
            .tmcy-three {
                background: url('../img/tmcy-old03.jpg') no-repeat center / cover;
            }
            .tmcy-four {
                background: url('../img/tmcy-old04.jpg') no-repeat center / cover;
            }
        }
        .qnbj {
            // .main.slide2d.slide2d-qnbj{
            //     .position-box {
            //         width: 1324px;
            //         height: 428px + 370px;
            //     }
            // }
            // .box{
            //     position: relative;
            //     width: 100%;
            //     height: 428px;
            // }
            // .top {
            //     width: 1000px;
            //     height: 329px;
            // }
            .title-sprite {
                background-position: -11.1rem -1.9rem;
            }
            .scroll-bar {
                position: relative;
                width: 100%;
                height: 100px;
            } // .bottom {
            //     position: relative;
            //     width: 100%;
            //     height: 260px;
            // }
            .qnbj-first {
                background: url('../img/qnbj-old-00.png') no-repeat center / cover;
            }
            .qnbj-second {
                background: url('../img/qnbj-old-01.png') no-repeat center / cover;
            }
            .qnbj-three {
                background: url('../img/qnbj-old-02.png') no-repeat center / cover;
            }
            .qnbj-four {
                background: url('../img/qnbj-old-03.png') no-repeat center / cover;
            }
            .qnbj-five {
                background: url('../img/qnbj-old-04.png') no-repeat center / cover;
            }
            .qnbj-six {
                background: url('../img/qnbj-old-05.png') no-repeat center / cover;
            }
            .qnbj-seven {
                background: url('../img/qnbj-old-06.png') no-repeat center / cover;
            }
            .qnbj-eight {
                background: url('../img/qnbj-old-07.png') no-repeat center / cover;
            }
            .qnbj-nine {
                background: url('../img/qnbj-old-08.png') no-repeat center / cover;
            }
            .qnbj-ten {
                background: url('../img/qnbj-old-09.png') no-repeat center / cover;
            }
            .small-box {
                width: 586px * 0.8;
                height: 329px * 0.8;
                overflow: hidden;
                ul {
                    position: relative;
                    width: 586px * 0.8 * 7;
                    top: 0;
                }
                .small-left {
                    left: -586px * 0.8 * 1;
                }
                .small-right {
                    left: -586px * 0.8 * 3;
                }
                li {
                    width: 586px * 0.8;
                    height: 329px * 0.8;
                }
            }
            .big-box {
                width: 586px;
                height: 329px;
                background: #fff;
                .box {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                }
                ul {
                    position: relative;
                    width: 586px * 7;
                    top: 0;
                    left: -586px * 2;
                }
                li {
                    width: 586px;
                    height: 329px;
                }
                .btn {
                    width: 42px * 0.7;
                    height: 75px * 0.7;
                    cursor: pointer;
                }
                .btn-left {
                    left: -324px;
                    background: url('../img/btn-left-icon.png') no-repeat center / cover;
                }
                .btn-right {
                    right: -324px;
                    background: url('../img/btn-right-icon.png') no-repeat center / cover;
                }
            } // .card {
            //     display: inline-block;
            //     vertical-align: top;
            // }
        }
        .slide2d {
            .position-box {
                width: 1324px;
                height: 428px + 370px;
            }
            .box {
                position: relative;
                width: 100%;
                height: 428px;
            }
            .top {
                width: 1000px;
                height: 329px;
            }
            .scroll-bar {
                position: absolute;
                bottom: 0;
                width: 100%;
                height: 1rem;
                left: 0;
            }
            .bottom {
                position: relative;
                width: 100%;
                height: 260px;
            }
            .small-box {
                overflow: hidden;
                ul {
                    position: relative;
                }
            }
            .big-box {
                width: 586px;
                height: 329px;
                background: #fff;
                .box {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                }
                .btn {
                    width: 42px * 0.7;
                    height: 75px * 0.7;
                    cursor: pointer;
                }
                .btn-left {
                    left: -324px;
                    background: url('../img/btn-left-icon.png') no-repeat center / cover;
                }
                .btn-right {
                    right: -324px;
                    background: url('../img/btn-right-icon.png') no-repeat center / cover;
                }
            }
            .card {
                display: inline-block;
                vertical-align: top;
            }
        }
        .left-box {
            left: 0;
        }
        .right-box {
            right: 0;
        }
        .ball {
            display: inline-block;
            vertical-align: top;
            width: 12px;
            height: 12px;
            margin: 0 6px;
            border-radius: 12px;
            background: #ccc;
        }
        .ball.active {
            background: #007ae1;
        }
        .text {
            display: none;
            p {
                font-size: 24px;
            }
        }
        .text.active {
            display: block;
            .sceond {
                text-align: center;
            }
        }
        .move-container {
            .bottom-main {
                width: 1324px;
                height: 370px;
                margin: 0 auto;
                font-size: 0;
                .letter {
                    display: inline-block;
                    vertical-align: top;
                    width: 400px;
                    height: 370px;
                    background: #f5f6f6;
                    box-shadow: 0 0 0.2rem #e0dada;
                    .head-icon {
                        width: 100%;
                        height: 136px;
                    }
                    p {
                        font-size: 18px;
                        text-align: center;
                    }
                    .awards {
                        p {
                            color: #007ae1;
                            line-height: 24px;
                        }
                    }
                    .about {
                        width: 100%;
                        height: auto;
                        p {
                            color: #a1a1a1;
                            line-height: 24px;
                        }
                    }
                    .bottom-about {
                        position: relative;
                        width: 100%;
                        height: 160px;
                    }
                }
                .letter01 {
                    .head-icon {
                        background: url('../img/qnbj-old-name01.png') no-repeat center / 136px 136px;
                    }
                }
                .letter02 {
                    margin: 0 62px;
                    .head-icon {
                        background: url('../img/qnbj-old-name02.png') no-repeat center / 136px 136px;
                    }
                }
                .letter03 {
                    .head-icon {
                        background: url('../img/qnbj-old-name03.png') no-repeat center / 136px 136px;
                    }
                }
            }
        }
    }
    .ip-page {
        .wrap {
            width: 1460px;
            height: 100%;
        }
        .scroll-main {
            position: relative;
            overflow: hidden;
            width: 1460px;
            height: 96%;
        }
        .name {
            color: #a1a1a1;
            text-align: center;
            font-size: 24px;
            line-height: 48px;
        }
        .btn-down {
            position: absolute;
            top: 0;
            right: 0;
            width: 146px;
            height: 46px;
            border-radius: 46px;
            background: #007ae1;
            a {
                display: block;
                text-align: center;
                color: #fff;
                font-size: 14px;
                line-height: 46px;
                width: 100%;
                height: 100%;
            }
        }
        .line-btn {
            position: relative;
            width: 100%;
            height: 100px;
        }
        .title {
            display: none;
            font-size: 0;
            width: 100%;
            .title-text {
                display: inline-block;
                vertical-align: top;
                width: 300px;
                line-height: 136px;
                height: 136px;
                font-size: 38px;
                color: #007ae1;
            }
            .top-nav-wrap {
                display: inline-block;
                vertical-align: top;
                ul {
                    font-size: 0;
                    padding: 38px 0;
                }
                li {
                    display: inline-block;
                    vertical-align: top;
                }
            }
        }
        .title.active {
            display: block;
        }
        .yycy-title {
            .title-sprite {
                background-position: -1664px -464px;
            }
        }
        .tmcy-title {
            .title-sprite {
                background-position: -1670px -6.03rem;
            }
        }
        .cysj-title {
            .title-sprite {
                background-position: -1674px -200px;
                height: 50px;
            }
        }
        .main {
            .tip {
                position: relative;
                font-size: 24px;
                line-height: 80px;
                color: #707070;
                text-align: center;
            }
            .tip:before,
            .tip:after {
                position: absolute;
                content: '';
                top: 50%;
                width: 180px;
                height: 2px;
                background: #eeeeee;
            }
            .tip:before {
                left: 31%;
            }
            .tip:after {
                right: 31%;
            }
        }
        .page {
            position: relative;
            display: none;
            font-size: 0;
            width: 1400px;
            height: 100%;
            .draw {
                display: inline-block;
                vertical-align: top;
            }
            .line-box {
                margin-bottom: 30px;
            }
            .one-draw {
                width: 100%;
                .draw-box {
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .page.active {
            display: block;
        }
        .yycy-page {
            .line-one {
                .left-draw {
                    .draw-box {
                        width: 714px;
                        height: 295px;
                        margin-right: 10px;
                        background: url('../img/yycy-ip-lsf.jpg') no-repeat center / cover;
                    }
                }
                .right-draw {
                    .draw-box {
                        width: 676px;
                        height: 295px;
                        background: url('../img/yycy-ip-qmsht.jpg') no-repeat center / cover;
                    }
                }
            }
            .line-two {
                .left-draw {
                    .draw-box {
                        width: 314px;
                        height: 824px;
                        margin-right: 26px;
                        background: url('../img/yycy-ip-qtz.jpg') no-repeat center / cover;
                    }
                }
                .right-draw {
                    .draw-box {
                        width: 1060px;
                    }
                    .top {
                        height: 312px;
                        background: url('../img/yycy-ip-ldmx.jpg') no-repeat center / cover;
                    }
                    .bottom {
                        height: 462px;
                        background: url('../img/yycy-ip-xyqgt.jpg') no-repeat center / cover;
                    }
                }
            }
            .line-three {
                .draw-box {
                    height: 150px;
                    background: url('../img/yycy-ip-ssn.jpg') no-repeat center / cover;
                }
            }
            .line-four {
                .draw-box {
                    height: 206px;
                    background: url('../img/yycy-ip-hxyyt.jpg') no-repeat center / cover;
                }
            }
            .line-five {
                .draw-box {
                    height: 727px;
                    background: url('../img/yycy-ip-bzxt.jpg') no-repeat center / cover;
                }
            }
            .line-six {
                .draw-box {
                    height: 740px;
                    background: url('../img/yycy-ip-mmt.jpg') no-repeat center / cover;
                }
            }
            .line-seven {
                .draw-box {
                    height: 622px;
                    background: url('../img/yycy-ip-yd.jpg') no-repeat center / cover;
                }
            }
        }
        .tmcy-page {
            .draw {
                width: 443px;
                height: 269px;
                display: inline-block;
                vertical-align: top;
                background-size: cover;
                background-repeat: no-repeat;
                margin-right: 35px;
            }
            .line-one {
                .draw01 {
                    background-image: url('../img/tmcy-ip-top01.jpg');
                }
                .draw02 {
                    background-image: url('../img/tmcy-ip-top02.jpg');
                }
                .draw03 {
                    background-image: url('../img/tmcy-ip-top03.jpg');
                    margin-right: 0;
                }
            }
            .line-two {
                .draw01 {
                    background-image: url('../img/tmcy-ip-bottom01.jpg');
                }
                .draw02 {
                    background-image: url('../img/tmcy-ip-bottom02.jpg');
                }
                .draw03 {
                    width: 212px;
                    background-image: url('../img/tmcy-ip-bottom03l.jpg');
                    margin-right: 20px;
                }
                .draw04 {
                    width: 212px;
                    background-image: url('../img/tmcy-ip-bottom03r.jpg');
                    margin-right: 0;
                }
            }
        }
        .cysj-title {
            .title-text {
                width: 216px;
            }
            .top-nav-wrap {}
            li {
                position: relative;
                width: 170px;
                height: 70px;
                border: 1px solid #dedede;
                border-radius: 70px;
                background: #fff;
                margin-right: 20px;
                a {
                    position: absolute;
                    font-size: 16px;
                    color: #b5b5b5;
                    text-align: center;
                    line-height: 70px;
                }
                .img-shadow {
                    display: none;
                    width: 245px;
                    height: 151px;
                    background: url('../img/tab_left_blue.png') no-repeat center / 245px 151px;
                }
            }
            li.active {
                border: none;
                box-shadow: none; // border: 1px solid #0079de;
                // background: #0079de;
                .img-shadow {
                    display: block;
                }
                a {
                    color: #fff;
                }
            }
            li.active:hover {
                box-shadow: none;
            }
            li:hover {
                box-shadow: 0px 0 16px #ddd;
            } // .big-btn{
            //     width: 245px;
            //     height: 151px;
            //     background: url('../img/tab_left_white.png') no-repeat center / cover;
            // }
            // .big-btn.active{
            //     background: url('../img/tab_left_blue.png') no-repeat center / cover;
            // }
            // .small-btn{
            //     width: 209px;
            //     height: 151px;
            //     background: url('../img/tab_left_white.png') no-repeat center / cover;
            // }
            // .small-btn.active{
            //     background: url('../img/tab_left_blue.png') no-repeat center / cover;
            // }
            .line {
                border: none;
                border-left: 1px solid #dedede;
                background: none;
                border-radius: 0;
                width: 100px;
                box-shadow: none;
                p {
                    font-size: 20px;
                    color: #b5b5b5;
                    text-align: center;
                    line-height: 70px;
                }
            }
            li.line:hover {
                box-shadow: none;
            }
        }
        .cysj-page {
            .name {
                padding: 10px 0;
                line-height: 32px;
            }
            .ip-num {
                display: none;
            }
            .ip-num.active {
                display: block;
            }
            .ip01 {
                .left-box {
                    display: inline-block;
                    vertical-align: top;
                    width: 300px;
                    height: auto;
                    margin: 0 60px 0 0;
                    .img-box {
                        width: 100%;
                        height: 468px;
                    }
                }
                .right-box {
                    padding-top: 80px;
                    display: inline-block;
                    vertical-align: top;
                    width: 976px;
                    .box {
                        display: inline-block;
                        vertical-align: top;
                        width: 464px;
                        height: 100%;
                    }
                    .img-box {
                        height: 312px;
                    }
                    .box01 {
                        margin-right: 48px;
                    }
                }
                .img-box {
                    background-size: cover;
                    background-repeat: no-repeat;
                }
                .img01 {
                    background-image: url('../img/cysj-ip-qsh01.jpg');
                }
                .img02 {
                    background-image: url('../img/cysj-ip-qsh02.jpg');
                }
                .img03 {
                    background-image: url('../img/cysj-ip-qsh03.jpg');
                    margin-right: 0;
                }
            }
            .ip02 {
                .left-box,
                .right-box {
                    display: inline-block;
                    vertical-align: top;
                }
                .img-box {
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center;
                }
                .left-box {
                    margin: 0 44px 0 100px;
                    .img-box {
                        width: 476px;
                        height: 488px;
                        background-image: url('../img/cysj-ip-dh01.jpg');
                    }
                }
                .right-box {
                    // width: 986px;
                    .img-box {
                        width: 737px;
                        height: 488px;
                        background-image: url('../img/cysj-ip-dh02.jpg');
                    }
                }
                .btn-down {
                    top: 20px;
                    right: 50px;
                }
            }
            .ip03 {
                .cco {
                    width: 444px;
                    font-size: 16px;
                    line-height: 32px;
                    text-align: right;
                    color: #a1a1a1;
                }
                .img-box {
                    width: 444px;
                    height: 662px;
                    background: url('../img/cysj-ip-lfg.jpg') no-repeat center / cover;
                }
                .line-one {
                    position: relative;
                    width: 100%;
                    height: 32px;
                    margin: 0;
                }
                .line-two {
                    position: relative;
                    width: 100%;
                    height: 662px;
                    margin-bottom: 0;
                }
                .name {
                    margin-bottom: 20px;
                }
                .btn-down {
                    left: 50%;
                }
                ;
            }
            .ip04 {
                .name {
                    // margin-bottom: 20px;
                }
                .btn-down {
                    right: 44px;
                }
                ;
                .left-box,
                .right-box {
                    display: inline-block;
                    vertical-align: top;
                }
                .left-box {
                    width: 366px;
                    height: auto;
                    margin-right: 40px;
                    .img-box {
                        width: 100%;
                        height: 572px;
                        background: url('../img/cysj-ip-dy01.jpg') no-repeat center / cover;
                    }
                }
                .right-box {
                    width: 986px;
                    height: auto;
                    .img-box {
                        width: 100%;
                        height: 429px;
                        background: url('../img/cysj-ip-dy02.jpg') no-repeat center / cover;
                    }
                }
            }
            .ip05 {
                .left-box {
                    display: inline-block;
                    vertical-align: top;
                    width: 958px;
                    height: 423px;
                    margin-right: 16px;
                    .img-box {
                        width: 100%;
                        height: 100%;
                        background: url('../img/cysj-ip-wzry01.jpg') no-repeat center / cover;
                    }
                }
                .right-box {
                    display: inline-block;
                    vertical-align: top;
                    margin-bottom: 20px;
                    width: 426px;
                    .img-box {
                        width: 100%;
                        height: 200px;
                        background: no-repeat center / cover;
                    }
                    .img01 {
                        background-image: url('../img/cysj-ip-wzry02.jpg');
                        margin-bottom: 22px;
                    }
                    .img02 {
                        background-image: url('../img/cysj-ip-wzry03.jpg');
                    }
                }
            }
            .ip06 {
                .left-box {
                    display: inline-block;
                    vertical-align: top;
                    width: 766px;
                    margin-right: 22px;
                    .img-box {
                        width: 100%;
                        background: no-repeat center / cover;
                    }
                    .img01 {
                        background-image: url('../img/cysj-ip-cc01.jpg');
                        height: 170px;
                        margin-bottom: 15px;
                    }
                    .img02 {
                        background-image: url('../img/cysj-ip-cc02.jpg');
                        height: 222px;
                    }
                }
                .right-box {
                    display: inline-block;
                    vertical-align: top;
                    width: 612px;
                    .img-box {
                        width: 100%;
                        height: 407px;
                        background: url('../img/cysj-ip-cc03.jpg') no-repeat center / cover;
                    }
                }
                .name {
                    text-align: left;
                }
            }
        }
    }
    .now-page {
        z-index: 3;
        ul {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            li {
                width: 100%;
                height: 100%;
                position: relative;
                .title {
                    font-size: 24px;
                    line-height: 42px;
                    text-align: center;
                    color: #007ae1;
                    padding-bottom: 24px;
                }
                p {
                    color: #707070;
                    font-size: 14px;
                    line-height: 28px;
                    span {
                        color: #007ae1;
                    }
                    .bolds {
                        color: #303030;
                        font-size: 14px;
                        font-weight: bold;
                    }
                    .red-text {
                        color: red;
                    }
                    a {
                        font-size: 14px;
                        display: inline-block;
                        color: #007ae1;
                    }
                } // .close {
                //     position: absolute;
                //     background: red;
                //     width: 70px;
                //     height: 70px;
                //     top: 0;
                //     right: 0;
                // }
            }
            .child {
                display: none;
                .box {
                    position: relative;
                    height: auto;
                    border-radius: 20px;
                    width: 800px;
                    background: #fff;
                    .center {
                        width: 98%;
                        padding: 1%;
                    }
                    .text-cont {
                        border: #eeeeee 4px solid;
                        border-radius: 14px;
                        padding: 14px 14px;
                        height: auto;
                        min-height: 280px;
                    }
                }
            }
            .yycy {
                // p {
                //     text-align: center;
                // }
            }
            .child.active {
                display: block;
            }
        }
    }
}

.m-float-about.show {
    display: block;
}